<style scoped>
    .bill .ivu-form-item{
        margin-bottom: 10px;
    }
    .bill .ivu-form-item-label{
        text-align: left;
    }
    .bill{
        padding: 0px 20px;
    }
    .shangjiao{
        border:1px solid #DEDEDE;
        border-bottom: none;
        background-color: #F8F8F8;
        padding: 15px;
    }
    .shangjiaoCont{
        padding: 15px;
        border:1px solid #DEDEDE;
        margin-bottom: 20px;
    }
    .xianzhong{
        margin-bottom: 40px;
    }
    .xianzhong td{
        width: 25%;
    }
   .bill .layout{
       background-color: #E4EAEC;
    }
    .bill .ivu-layout-content{
        height: 30px;
        font-size: 16px;
        font-weight: 700;
        /* background-color: #5cadff; */
    }
</style>
<style>
    .bill .ivu-form-item-content{
        margin-left:0 !important;
    }
    .bill .ivu-form-item-label{
        text-align: left;
    }
    .bill .ivu-form-item-required .ivu-form-item-label{
        color:#F29333 ;
    }
    .bill .ivu-input-icon{
        border-left:1px solid #BEBEBE;
    }
    .bill .ivu-col{
        padding: 0 10px;
    }
    .bill .ivu-select:after{
        right:30px;
    }
    .bill .ivu-select-placeholder{
        padding-right:32px;
    }
    .bill .ivu-select-arrow{
        right:10px;
    }
    .bill .blue .ivu-icon-ios-search{
        background-color: #2C8BF0;
        color:#fff;
    }
    .bill .peo{
        position: relative;
    }
    .bill .title{
        position: absolute;
        top:-33px;
        left: 57px;
        color: #B3B3B3;
    }
    .billTab .ivu-tabs-tab{
        color:#3592F1;
        background-color:#FFF !important;
        border-color: #FFF !important;
    }
    .billTab .ivu-tabs-tab-active{
        color: #888888 !important;
         border: 1px solid #dddee1 !important;
        border-bottom: none !important;
    }
    .billTab .clearPadding{
        padding:0;
    }
    .billTab .ivu-tabs-bar{
        margin-left:10px;
        margin-right:10px;
    }
    .billTab .ivu-tabs-content{

    }
    #formItem3 .ivu-checkbox-group-item,#formItem4 .ivu-checkbox-group-item{
        /*line-height:30px;*/
        display: block;
        /*padding-left: 30px;*/
    }
    #formItem3 .ivu-radio-group-item,#formItem4 .ivu-radio-group-item{
        /*line-height:30px;*/
        display: block;
        /*padding-left: 30px;*/
    }
    .bill .btnBox{
        font-size:16px;
        padding:5px 8px;
        color:#FFF;
        cursor: pointer;
    }
    .bill .add{
        background: #428CCB;
    }
    .bill .close{
        background: #F39C11;
    }
    .detail .head{
        border:1px solid #EEE;
        border-bottom:none;
        padding:10px 0;
        padding-left: 20px;
    }
    .detail .table{
        border-collapse: collapse;
        width: 100%;
        line-height: 40px;

    }
    .detail .table th{
        background-color: #F8F8F8;
    }

    .detail .table td,.detail .table th{
        border:1px solid #EEE;
        text-align: center;
    }
    .detail .table tr td:nth-child(2){
        text-align: left;
        padding-left: 15px;
    }
    .detail .table input{
        height:30px;
        line-height: 30px;
        border:1px solid #D2D2D2;
        width:90%;
    }
</style>
<template>
    <div>
        <product-title></product-title>
        <div class="bills">
            <Form>
                <Row>
                  <div class="layout" :md="24" :lg="24" style="heigth:20px;">
                       <Layout>
                            <Content >销售详情</Content>
                        </Layout>
                    </div>
                    <i-col :md="24" :lg="12">
                        <FormItem label="归属机构" >
                            <Select :transfer="true">
                                <Option value="0">类型</Option>
                                <Option value="1">续保</Option>
                                <Option value="2">转保</Option>
                                <Option value="3">新保</Option>
                                <Option value="4">旧车首保</Option>
                            </Select>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="12">
                        <FormItem label="渠道类型" >
                            <Select :transfer="true">
                                <Option value="0">类型</Option>
                                <Option value="1">续保</Option>
                                <Option value="2">转保</Option>
                                <Option value="3">新保</Option>
                                <Option value="4">旧车首保</Option>
                            </Select>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="12">
                        <FormItem label="代理人">
                            <i-input class="blue"  placeholder="请输入代理人">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="12">
                        <FormItem label="协议号">
                            <i-input class="blue"  placeholder="请输入协议号">
                            </i-input>
                        </FormItem>
                    </i-col><i-col :md="24" :lg="12">
                        <FormItem label="业务员">
                            <i-input class="blue"  placeholder="请输入业务员">
                            </i-input>
                        </FormItem>
                    </i-col>
                </Row>
                <Row>
                  <div class="layout" :md="24" :lg="24" style="heigth:20px;">
                       <Layout>
                            <Content >车辆信息</Content>
                        </Layout>
                    </div>
                    <i-col :md="24" :lg="12">
                        <FormItem label="号牌号码">
                            <i-input class="blue"  placeholder="请输入号牌号码">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="12">
                        <FormItem label="是否未上牌" >
                            <Select :transfer="true">
                                <Option value="0">已上牌</Option>
                                <Option value="1">未上牌</Option>
                            </Select>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="12">
                        <FormItem label="车架号">
                            <i-input class="blue"  placeholder="请输入车架号">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="4" >
                        <FormItem label="初登日期" >
                            <DatePicker  type="date" placeholder="请选择初登日期"  ></DatePicker>
                        </FormItem>
                    </i-col>
                    
                    <i-col :md="24" :lg="4">
                        <FormItem label="行驶证发证日期" >
                            <DatePicker type="date" placeholder="请选择行驶证发证日期"  ></DatePicker>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="12">
                        <FormItem label="发动机号">
                            <i-input class="blue"  placeholder="请输入发动机号">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="12">
                        <FormItem label="号牌种类">
                            <i-input class="blue"  placeholder="请输入号牌种类" >
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="12">
                        <FormItem label="厂牌型号">
                            <i-input class="blue"  placeholder="请输入厂牌型号">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="12">
                        <FormItem label="行驶证名称">
                            <i-input class="blue"  placeholder="请输入行驶证名称">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="12">
                        <FormItem label="交管车辆类型" >
                            <Select :transfer="true">
                                <Option value="0">已上牌</Option>
                                <Option value="1">未上牌</Option>
                            </Select>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="12">
                        <FormItem label="核定载客量">
                            <i-input class="blue"  placeholder="请输入核定载客量">
                            </i-input>
                        </FormItem>
                    </i-col>
                    
                    <i-col :md="24" :lg="12">
                        <FormItem label="新车购置价">
                            <i-input class="blue"  placeholder="请输入新车购置价">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="12">
                        <FormItem label="实际价值">
                            <i-input class="blue"  placeholder="请输入实际价值">
                            </i-input>
                        </FormItem>
                    </i-col>
                    
                    <i-col :md="24" :lg="12">
                        <FormItem label="准牵引总质量(KG)">
                            <i-input class="blue"  placeholder="请输入准牵引总质量">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="12">
                        <FormItem label="吨位(吨)">
                            <i-input class="blue"  placeholder="请输入吨位">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="12">
                        <FormItem label="功率(KW)">
                            <i-input class="blue"  placeholder="请输入功率">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="12">
                        <FormItem label="排量(L)">
                            <i-input class="blue"  placeholder="请输入排量">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="12">
                        <FormItem label="整备质量(KG)">
                            <i-input class="blue"  placeholder="请输入整备质量">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="12">
                        <FormItem label="能源种类">
                            <i-input class="blue"  placeholder="请输入能源种类">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="12">
                        <FormItem label="车型代码">
                            <i-input class="blue"  placeholder="请输入车型代码">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="12">
                        <FormItem label="行业车型编码">
                            <i-input class="blue"  placeholder="请输入行业车型编码">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="12">
                        <FormItem label="约定第一受益人">
                            <i-input class="blue"  placeholder="请输入第一受益人">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="12">
                        <FormItem label="未检车原因">
                            <i-input class="blue"  placeholder="请输入未检车原因">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="12">
                        <FormItem label="跨省首年投保未出验证明年数">
                            <i-input class="blue"  placeholder="请输入跨省首年投保未出验证明年数">
                            </i-input>
                        </FormItem>
                    </i-col>
                    
                    
                </Row>
            </Form>
            
        </div>
    </div>
</template>

<script>
    import productTitle from '../../components/productTitle'
    import {car_policy_detail} from  '../../api/car'
    export default {
        data(){
            return {
            }
        },
        components:{
            productTitle
        },
        created(){
            // this.get_detail();
        },
        methods:{
            
        }
    }
</script>

